@charset "utf-8";
/*测评页面*/
.health-test .main{
    width: 1000px;
    margin: 0 auto;
}
/* health */
p.tp-tips{text-align:right;margin:50px 0;color:#ccc;}
.health-test .test-kv{width:1000px;height:280px;margin: auto; overflow: hidden;}
.health-test .test-kv img{width: 1000px;}
.health-test .test-list{overflow:hidden;margin-left:1px;width:100%;}
.health-test .test-list li{margin:17px 0 0 0 ;position:relative;width:248px;height:151px;padding-top:110px;float:left;border:1px solid #eeeeee;border-left:0;}
.health-test .test-list li:nth-child(4n+1){border-left:1px solid #eeeeee;}
.health-test .test-list li .test-icon{width:100px;height:100px;overflow:hidden;position:absolute;top:15px;left:74px;}
.health-test .test-list li p.join-num{position:absolute;padding-left:19px;color:#7f7f7f;font-size:12px;top:5px;left:9px;}
.health-test .test-list li p.join-num i{left:0;top:2px;width:15px;height:12px;position:absolute;display:block;background:url(../shunfeng_blue/images/health-icon.png) no-repeat 0 -32px;}
.health-test .test-list li p.join-num span{color:#e21020;font-size:12px;}
.health-test .test-list li p.t{font-size:20px;color:#444444;text-align:center;margin:8px 0;}
.health-test .test-list li p.c{font-size: 12px;color: #ababab;text-align: center;padding: 0 15px;height: 32px;overflow: hidden;}
.health-test .test-list li a.btn-test{display:block;margin:20px auto;width:120px;height:30px;background-color: #009DE0;border-radius: 3px;font-size:15px;line-height:30px;text-align:center;color:#fff;font-weight:bold;}


.health-test .test-title{overflow:hidden;height:57px;padding-top:17px;position:relative;}
.health-test .jianjie{margin-top: 10px;}
.health-test .test-title span.title{font-size:32px;color:#009DE0;padding-bottom:10px;border-bottom:2px solid #009DE0;}
.health-test .test-title .question-num{position:absolute;right:0;bottom:10px;height:15px;line-height:13px;}
.health-test .test-title .question-num span{color:#009DE0;font-size:20px;float:left;}
.health-test .test-title .question-num span.x{font-size:18px;}
.health-test .test-title .question-num .i{float:left;}
.health-test .test-title .question-num i{font-size:0;display:block;height:15px;width:15px;background:#d1d1d1;float:left;margin:0 4px;}
.health-test .test-title .question-num i.in{background:#009DE0;}
.health-test .question-cont{border:1px solid #eeeeee;margin:15px 0;overflow:hidden;position:relative;}
.question-list{width:100%;height:100%;position:relative;overflow:hidden;}
.question-list li{display:none;width:100%;overflow:hidden;position:relative;padding-bottom:30px;margin:10px;}
.question-list li.on{display:block;}
.question-list li.li-four{width:1000px;margin:-10px 0;padding:10px 0;}
.question-list li.li-four .w249 .bmi-input{text-align:left;padding-left:73px;}
.question-list li.li-four .cholesterol.w249 .bmi-input{padding-left:46px;}
.question-list li.li-four .w332 .bmi-input{text-align:center;}
.question-list li.li-four .sex-img{margin:34px 0 5px 0;}
.question-list li.li-four .weight-img{margin:34px 0 5px 0;}
.question-list li.li-four .btn{margin-top:20px;}
.question-list li.li-four .btn a{margin-bottom:12px;}
.question-list .sex.w5,.question-list .weight.w5{width:48%;float:left;}
.question-list .weight.w5{border-right:0;}
.question-list .sex,.question-list .weight,.question-list .data,.question-list .cholesterol{text-align:center;}
.question-list li.li-four > div{border-right:1px solid #eeeeee;height:372px;}
.question-list .sex-img{margin:38px 0 30px 0;}
.question-list .weight-img{margin:27px 0 5px 0;}
.question-list .data-img{margin:34px 0 5px 0;}
.question-list .w249{width:249px;float:left;}
.question-list .w332{width:332px;float:left;}
.question-list .bmi-input{margin:20px 0;}
.question-list .bmi-input input{width:86px;height:31px;border:1px solid #d4d4d4;color:#6f6f6f;font-size:20px;text-align:center;}
.question-list .bmi-input span{margin:0 5px 0 3px;font-size:20px;color:#009DE0;font-weight:bold;}
.question-list .weight .bmi-value{font-size:20px;color:#009DE0;letter-spacing:1px;font-weight:bold;}
.question-list .weight .bmi-value span{font-size:20px;}
.question-list li p.t1{font-size:20px;color:#5c5c5c;}
.question-list li p.btn{margin-top:35px;}
.question-list li p.btn a{display:inline-block;height:36px;width:123px;background:#a4a4a4;margin:0 5px;font-size:18px;line-height:36px;color:#fff;border-radius:6px;cursor:pointer;transition:background .2s ease;-webkit-transition:background .2s ease;}
.question-list li p.btn a.on{background:#009DE0;}
.question-list li p.btn a i{display:block;float:left;height:23px;width:23px;background:url(../shunfeng_blue/images/health-icon.png) no-repeat;}
.question-list li p.btn a.man i{background-position:0 -51px;margin:6px 0 0 8px;}
.question-list li p.btn a.female i{height:25px;width:15px;background-position:-40px -50px;margin:6px 0 0 11px;}

.question-list li p.q-title{font-size:26px;margin:16px 0 0 33px;position:relative;padding-left:69px;line-height:48px;}
.question-list li p.q-title i{display:block;text-align:center;padding-right:7px;float:left;width:53px;height:33px;font-size:24px;color:#fff;line-height:28px;background:url(../shunfeng_blue/images/q_title.png) no-repeat;margin-right:9px;position:absolute;left:0;top:0;top:10px;}
.question-list li .question h1.s-title{color:#009DE0;font-size:20px;margin:19px 0 0 -20px;}
.question-list li .question{margin:6px 0 0 105px;float:left;width:873px;}
.question-list li .question p{float:left;width:100%;font-size:16px;color:#909090;margin:19px 0 0 0;cursor:pointer;}
.question-list li .question p span{font-size:13px;padding-left:32px;}
.question-list li .question p.w100{width:100%;}
.question-list li .question p.w55{width:55%;}
.question-list li .question p.w50{width:50%;}
.question-list li .question p.w45{width:45%;}
.question-list li .question p.w25{width:25%;}
.question-list li .question p.w20{width:20%;}
.question-list li .question p.w15{width:15%;}
.question-list li .question p i{position:relative;top:2px;display:block;height:16px;width:16px;float:left;margin-right:14px;border:1px solid #e1e1e1;}
.question-list li .question p i img{position:absolute;bottom:2px;left:2px;display:none;}
.question-list li .question p.on i img{display:block;}
.question-list li .question p i input{display: none;}
.question-list li.two>div{display:none;}
.question-list li.two>div.show{display:block;}
.health-test .question-control{height:42px;position:relative;margin:12px 0 33px 0 ;}
.health-test .question-control a{position:absolute;top:0;display:block;height:38px;width:91px;border:2px solid #009DE0;text-align:left;line-height:36px;font-size:18px;color:#009DE0;border-radius:11px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.health-test .question-control a.next,.health-test .question-control a.submit{right:0;top:0;text-align:right;}
.health-test .question-control a.submit{display:none;}
.health-test .question-control a i{display:block;width:12px;height:17px;background:url(../shunfeng_blue/images/health-icon.png) no-repeat;float:left;}
.health-test .question-control a.prev i{background-position:-54px -31px;margin:11px 4px 0 9px;}
.health-test .question-control a.next i,.health-test .question-control a.submit i{float:right;background-position:-79px -31px;margin:11px 9px 0 6px;}
.health-test .question-control a.submit i{margin-left:10px;}
.health-test .question-control .progress{margin:0 95px;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.health-test .question-control .progress .bar-con{width:100%;height:5px;background:#a4a4a4;position:relative;top:17px;}
.health-test .question-control .progress .bar{width:0;top:0;height:5px;background:#009DE0;position:absolute;}
.health-test .question-control .progress .percent-con{position:relative;margin:0 62px 0 0px;}
.health-test .question-control .progress .percent{height:23px;width:60px;border:1px solid #009DE0;position:absolute;top:7px;background:#fff;text-align:center;font-size:20px;line-height:23px;z-index:1;color:#009DE0;}
.question p.check-two a{font-size:16px;color:#909090;display:block;width:10%;float:left;padding-left:30px;margin:15px 0 0 39px;background:url(../shunfeng_blue/images/two-check.png) no-repeat 0 -32px;}
.question p.check-two a.on{background-position:0 4px;}
/*loading-pop*/
.loading-pop{position:fixed;width:100%;height:100%;background-color: #ffffff;opacity: 0.7;filter:alpha(opacity=50);z-index:1;top:0;left:0;display:none;}
.loading-pop .loading-text{width:400px;height:80px;padding-top:20px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -200px;}
.loading-pop p{color:#009DE0;font-size:22px;text-align:center;padding:5px 0;}
/*result*/
.result h2 {font-size: 24px;color: #009DE0;line-height: 38px;}
.result .assessment{margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6; }
.result .assessment p, .result .scheme p {font-size: 18px;line-height: 30px;color: #343434;margin:5px 0;}
.result .suggestion p.two-name{color: #ff9700;font-size: 18px;font-weight: bold;margin-top:20px;}
.result .suggestion h3 {font-size: 18px;color: #009DE0;line-height: 30px;}
.result .suggestion ul {margin:0 0 0 16px;}
.result .suggestion ul ul{margin:0 0 0 0;}
.result .suggestion ul ul li{margin-left:15px;}
.result .life h3 {background-position: 0 3px;margin:10px 0;}
.result .eat h3 {background-position: 0 -44px;margin:10px 0;}
.result .life,.result .eat,.result .sport,#protein .bor{padding-bottom: 20px;margin: 20px 0 0;border-bottom: 1px solid #e6e6e6;}
.result .suggestion li {margin: 2px 0 2px 35px;font-size: 14px;line-height: 24px;color: #858585;list-style:decimal;}
.result .scheme{margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6; }
.result .scheme .illness{font-size: 18px;color:#ff9700;font-weight: bold;}
.result .supplement h2 {margin: 40px 0 10px;}